@import '@/assets/styles/mixin.scss';

.root {
  position: relative;
  @include hairline(bottom, #efefef);

  :global {
    .input {
      width: 100%;
      height: 58px;
      padding: 0;
      font-size: 16px;
      background-color: #f7f8fa;

      &::placeholder {
        color: #a5a6ab;
      }
      &:focus-visible{
        outline: none;
      }
    }
    .extra {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -8px;
      color: #999;
    }
  }
}
